<template>
    <div class="bottom">
        <div class="title" @click="enterIndex"> 高山镇</div>
        <div class="title" @click="clickPeplo"> 重点人员</div>
        <div class="title" @click="clickZhaiHai"> 灾害预警</div>
        <div class="title" @click="clickZhuanYi"> 转移情况</div>
        <div class="title" @click="clickVideo"> 视频监控</div>

    </div>
</template>
<script setup>
import { ref, defineEmits } from "vue"
import { useRoute, useRouter } from 'vue-router'
const router = useRouter()
const route = useRoute()

const emit = defineEmits(['showPeole'])
const enterIndex = () => {
    let obj = {
        show: false,
        date: [12, 23, 14, 15, 16]
    }
    emit('showPeole', obj)
    router.push('/')
}
const clickPeplo = () => {
    let obj = {
        show: true,
        date: [12, 23, 14, 15, 16]
    }
    emit('showPeole', obj)
}
const clickZhaiHai = () => {
    let obj = {
        show: false,
        date: [12, 23, 14, 15, 16]
    }
    emit('showPeole', obj)
}
const clickZhuanYi = () => {
    let obj = {
        show: false,
        date: [12, 23, 14, 15, 16]
    }
    emit('showPeole', obj)
}
const clickVideo = () => {
    let obj = {
        show: false,
        date: [12, 23, 14, 15, 16]
    }
    emit('showPeole', obj)
}

</script>
<style scoped src="./index.css"></style>